<template>
	<div>
		<div class="head-top">
			<mt-header title="扫一扫">
				<router-link to="/home" slot="left">
					<mt-button icon="back"></mt-button>
				</router-link>
			</mt-header>
		</div>
		<div class="main">
			<div class="box">
				<div class="qrcode"></div>
				<p>将二维码/条码置于框内，即自扫描</p>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		
	}
</script>

<style scoped>
 
	
	.main {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        background-color: #000000;
        opacity: 0.8;
        margin-top: 40px;
       /*position: relative;*/
        
        
        
    }
    .box {
    	width: 216px;
    	height: 212px;
    	background: #FFFFFF;
        opacity: 0.8;
    	
    	position: absolute;
		left:50%;
		top: 50%;
		transform:translate(-50%,-70%);
    }
    .box p {
    	color: #FFFFFF;
    	
    	margin-top: 220px;
    
    }
	
	
</style>